<template>
  <button @click="goBack">后退</button>
  <h4>用户的详情页面</h4>
</template>


<style scoped>
 button{
  background-color: #409eff;
  color: #fff;
 }
</style>

<script setup>
// 导入vue-router中的useRouter方法
import { useRouter } from 'vue-router'
//使用props获取路由参数值
// 定义props属性，id为String类型


// 使用useRouter方法获取router实例
const router = useRouter()
//编程式导航
// 定义goBack方法，点击后返回上一页
const goBack = () => {
  router.back()
}
</script>